@charset "utf-8";
/* CSS Document */
body { 
	margin: 0px; 
	padding: 0px; 
	font-family: "微软雅黑";
	height: 100%;
	font-size: 14px;
	background: #2a83cf url(/image/bg01.jpg) repeat center center;
	min-width: 1280px;
}
.clear{ clear: both; height: 0; line-height: 0;}
a{
	color: #3b8ed3;
	text-decoration: none;
}
a.link{
	color:#fff; 
	text-decoration:none; 
	font-size:1.4em;
}

.login { 
	width: 800px; 
	margin-left: -400px; 
	height: 600px;
	margin-top: -300px; 
	position: absolute; 
	left: 50%; 
	top: 50%; 
}
.login .banner { 
	width: 100%; 
	height: 200px; 
	line-height: 200px; 
}
.login .content { 
	width: 100%; 
	height: 150px; 
	line-height: 25px; 
	margin-top: 50px; 
}
.login .content .input { 
	background: rgba(255,255,255,0); 
	border: #fff 1px solid;
	width: 200px; 
	height: 20px; 
	line-height: 20px; 
	color: #FFF; 
	padding-top: 5px; 
	padding-right: 5px; 
	padding-bottom: 5px; 
	padding-left: 25px; 
}
.login .content .ico-u { 
	background-image: url(../image/l_i_1.png); 
	background-repeat: no-repeat; 
	background-position: 3px 5px; 
}
.login .content .ico-p { 
	background-image: url(../image/l_i_2.png); 
	background-repeat: no-repeat; 
	background-position: 3px 5px; 
}
.login .content a { 
	color: #a3d7ea; 
	text-decoration: none; 
}
.login .content .buttom { 
	width: 120px; 
	height: 32px; 
	background: #fff; 
	border: #fff 1px solid; 
	color: #46aed4; 
	font-size: 14px; 
	font-weight: bold; 
	cursor: pointer; 
	margin-left: 30px; 
}
.login .copyright { 
	width: 120px; 
	height: 30px; 
	line-height: 30px; 
	position: absolute; 
	bottom: 0px; 
	margin-left: -60px; 
	left: 50%; 
	color: #a2d4e8; 
	font-size: 18px; 
}


/*header*/
/**********************************************************************************************/
.header{
	height:74px; 
	width:100%; 
	color:#fff;
}
.header a{ color: #fff;}

.header .h-left{
	float:left; 
	width:16%; 
	box-sizing:border-box; 
	padding-top:10px; 
	padding-left:26px;
}
.header .h-left2{
	float:left; 
	width:44%;
}
.header .h-right{
	float:right; 
	width:40%;
}
.header .login-info{
	margin-top: 10px;
	height:24px;
	text-align: right;
	padding-right:35px;
	box-sizing:border-box; 
}

.header .submenu-span{
	margin-top: 5px;
	height:24px;
	text-align: right;
	padding-right:20px;
	line-height: 24px;
	box-sizing:border-box; 
}

.header .submenu-span span{
	display: inline-block;
	padding:0 10px;
	height: 24px;
	background: #3b9fe1;
	margin-left: 4px;
	border: none;
	border-radius: 2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}
.header .submenu-span span:hover{ background:#59bc5e;}

.header .user{
	width:15px; 
	background:url(../image/user.png) no-repeat left center; 
	padding-left:20px;
	font-size:14px;
	margin-right: 15px;
}
.header .message{
	width:15px; 
	background:url(../image/mail2.jpg) no-repeat left center; 
	padding-left:20px;
	font-size:14px;
	margin-right: 8px;
}
.header .mess-num{
	display:inline-block; 
	padding:2px; 
	border:none; 
	border-radius:10px; 
	background:#f1832b; 
	font-size:12px; 
	line-height:1;
}

/****top-nav******/
/********************************************************************************************************/
.nav{
	width: auto;
	height: 34px;
	margin-top: 38px;	
}
.nav a{ 
	color: #fff;
	text-decoration: none;
}
.nav ul li{
	float: left;
	width: 60px;
	color: #fff;
	height: 34px;
	background:#3b9fe1;
	font-size: 14px;
	line-height: 2.4;
	text-align: center;
	overflow: hidden;
}
.nav ul li:hover{ 
	background:#59bc5e;
}
.nav ul li.current{ 
	background:#59bc5e;
}

#main{
	width:99.5%;
	min-height:700px;  
	margin:0 auto; 
	margin-bottom:10px; 
	padding:0.6%; 
	background:#fff; 
	box-sizing:border-box;
}

/*left-menu*/
/*************************************************************************************/
.layout_left {
	float: left; 
	max-width: 210px;
	width: 15.6%; 
	left: 0px; 
	top: 0px; 
	height: 100%; 
	background: #f1f8fc;
	border: 1px #bdd0db solid;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px; 
	box-sizing:border-box; 
}

.layout_left .menu{ 
	height: 100%; 
	width: 100%; 
	background-color: #f1f8fc; 
}
.layout_left .menu a{
	color: #333;
	text-decoration: none;
}
.layout_left .menu h2{
	background:#3d90d6;
	background:-moz-linear-gradient(top, #4599df, #3687cd); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4599df), to(#3687cd), color-stop(1,#FFF));  
	height:44px; 
	margin:0; 
	padding:0; 
	padding-left:12px;
	border: none;
	box-sizing:border-box; 
	box-shadow: inset 0 -2px 2px #2f75b1;
	color:#fff; 
	font-size:16px; 
	line-height:2.8;
}
.layout_left .menu ul{ 
	list-style-type: none; 
	margin: 0px; 
	padding: 0px;
}
.layout_left .menu .childLi{
    position: relative;
    top: 0; 
	height: 50px;
	line-height: 3.2;
	color: #333; 
	padding-left: 12px; 
	cursor: pointer; 
	font-size: 16px; 
	border-bottom:1px #dbe9f1 solid;
}
.layout_left .menu .childLi{
    position: relative;
    top: 0; 
	height: 50px;
	line-height: 3.2;
	color: #333; 
	padding-left: 12px; 
	cursor: pointer; 
	font-size: 16px; 
	border-bottom:1px #dbe9f1 solid;
}
.layout_left .menu .childLi .list-img{
	display:block; 
	float:left; 
	width:25px; 
	margin-right:8px;
	padding-top:13px; 
}
.layout_left .menu .childLi .arrow-span{
	display: block;
	position:absolute; 
	right:10px; 
	top:18px; 
	width: 16px;
	height: 16px;
	border: none;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	background: #cee0ea;
	color: #fff;
	font-size:14px;
	text-align: center;
	line-height: 1.0;
}
.layout_left .menu .childLi:hover{
	color: #fff;
	background: #6ec673;
}
.layout_left .menu .childLi:hover .arrow-span ,
.layout_left .menu a .childLiCurrent .arrow-span{
	color: #6ec673;
	background: #fff;
}

.layout_left .menu a .childLiCurrent {
	display: block;
	color: #fff;
	background: #6ec673;
	text-decoration: none;
}

/*layout-right*/
/*************************************************************************************/
.layout_right {
	float: left;
	width: 83.4%;
	margin-left: 0.8%; 
}
.layout_right .top { 
	width: 100%;
	background-color: #fff; 
}
.layout_right .capt-tt { 
	height: 44px;
	width: 100%; 
	font-size: 14px; 
	line-height: 2.6;
}
.layout_right .capt-tt span{ 
	display: inline-block;
	margin-right: 10px;
}

.layout_right .subtitle{
	width:100%; 
	height:34px; 
	line-height:34px; 
	background:-moz-linear-gradient(top, #f3f9fc, #e1eef7); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f9fc), to(#e1eef7), color-stop(1,#FFF)); 
	border:1px #c1d3de solid; 
	box-sizing:border-box;
	padding-left: 8px;
}
.layout_right .subtitle span{
	background:url(../image/arrow01.png) no-repeat left center; 
	padding-left:23px;
}

.layout_right .content {
	width: 100%； 
	background-color: #FFFFFF; 
	font-size: 12px; 
}
.layout_right .content .content-wrap { margin: 10px 0px; }

.layout_right .top .right .search-ipt { 
	height: 30px; 
	width: 280px; 
	padding: 0px 10px; 
	border: 1px solid #CCC; 
}
.layout_right .top .right .search-btn { 
	width: 50px; 
	height: 32px; 
	border: #fff 0px solid; 
	background-image: url(../image/l_t_searthbtn.png); 
	cursor: pointer; 
}
.layout_right .top .right .search-btn:hover { background-image: url(../image/l_t_searthbtn_h.png); }

.list { 
	width: 100%;
	margin-right: auto; 
	margin-left: auto; 
	border: #fff 0px solid; 
	border-collapse: 0; 
	border-spacing: 0; 
}
.list td, th { 
	padding: 10px 5px; 
	text-align: left; 
}
.list tbody tr:hover { background-color: #e9fbe1; }
.list td { 
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
	border-bottom-color: #e3e3e3; 
}
.list a { text-decoration: none; }
.list a.format { color: #2ea7dc; }
.list a.disabled { color: #777777; }
.list2 { 
	width: 100%; 
	border: #fff 0px solid; 
	border-collapse: 0; 
	border-spacing: 0; 
	margin-right: auto; 
	margin-left: auto; 
	border-bottom: 1px #e3e3e3 solid; 
	padding: 0px 0px 10px 0px; 
	border-top: 1px #e3e3e3 solid; 
}
.list2 td { 
	padding: 8px 5px; 
	text-align: left; 
}
.list2 a:hover { 
	color: #ffffff; 
	background-color: #2ea8db; 
}
.list2 a {
	display: inline-block;
	padding: 5px 5px;  
	text-decoration: none; 
	color: #000; 
	 
}
.list2 .chk { 
	margin: 0px 3px;  
	padding: 2px 5px;
	border: solid 1px #e2e2e2; 
	color: #30a8dd; 
	cursor: pointer; 

}
.list2 .chk i { 
	position: relative; 
	right: 0px; 
	margin: 0px 0px 0px 8px; 
	color: #c8c8c8;
	font-style: normal;  
}
.list-menu { 
	margin-top: 5px; 
	margin-right: 0px; 
	margin-bottom: 15px; 
	margin-left: 0px; 
}
.list-search { padding: 10px 0px 20px; }
.list-search .search-ipt { 
	height: 30px; 
	width: 280px; 
	padding: 0px 10px; 
	border: 1px solid #CCC; 
}
.list-search .search-btn { 
	width: 50px; 
	height: 32px; 
	border: #fff 0px solid; 
	background-image: url(../image/l_t_searthbtn.png); 
	cursor: pointer; 
}
.list-search .search-btn:hover { background-image: url(../image/l_t_searthbtn_h.png); }
.button-blue { 
	display: inline-block;  
	padding-top: 4px; 
	padding-right: 10px; 
	padding-bottom: 4px; 
	padding-left: 10px; 
	border: #fff 1px solid; 
	background-color: #2ea8db;
	font-size: 12px; 
	text-decoration: none;  
	color: #FFF;
	cursor: pointer; 
}
.button-blue:hover { background-color: #0084c9; }
.button-red {
	display: inline-block; 
	padding-top: 4px; 
	padding-right: 10px; 
	padding-bottom: 4px; 
	padding-left: 10px; 
	border: #fff 1px solid;
	background-color: #e44759; 
	font-size: 12px; 
	text-decoration: none; 
	color: #FFF;
	cursor: pointer; 
}
.button-red:hover { background-color: #B22222; }
.button-green {
	display: inline-block; 
	padding-top: 4px; 
	padding-right: 10px; 
	padding-bottom: 4px; 
	padding-left: 10px;  
	border: #fff 1px solid;
	background-color: #5cb85c; 
	font-size: 12px; 
	text-decoration: none; 
	color: #FFF; 
	cursor: pointer; 
}
.button-green:hover { background-color: #4cae4c; }
.file-btn input { display: none; }
.page { 
	height: 30px;
	margin-top: 25px;  
	padding-top: 5px; 
	text-align: center; 
	line-height: 21px; 
	font-weight: normal; 
	overflow: hidden;
}
.page a { 
	border: #999 1px solid; 
	padding: 3px 8px; 
	border-radius: 4px; 
	margin-right: 5px; 
	text-decoration: none; 
	background: #fff; 
	color: #333; 
	font-weight: normal; 
}
.page a:hover {
	background-color: #0d9ae4;  
	border: 1px solid #0d9ae4; 
	text-decoration: none; 
	color: #FFF; 
}
.page a:active { 
	background-color: #0d9ae4;
	border: 1px solid #0d9ae4; 
	text-decoration: none; 
}
.page span.current {
	background-color: #0d9ae4;
	margin-right: 5px;
	padding: 3px 8px;  
	border: #237ac7 1px solid; 
	border-radius: 4px; 
	font-weight: bold; 
	color: #fff;
	 
}
.page span.disabled { 
	margin-right: 5px;
	padding: 3px 8px;
	background: #d8f1ff;   
	border: #237ac7 1px solid;
	border-radius: 4px; 
	color: #237ac7; 
}
.form { }
.form dl { 
	zoom: 1; 
	margin-bottom: 20px;
	overflow: hidden;  
}
.form dt { 
	float: left; 
	width: 100px; 
	padding: 3px 0 0 0;
	font-size: 12px; 
	color: #666; 
	text-align: right; 
}
.form dd { 
	float: left; 
	line-height: 22px; 
	margin-left: 10px; 
}
.form dd select, .form dd input { vertical-align: middle; }
.form dd select { padding: 2px; }
.tarea_default { 
	height: 100px; 
	width: 400px; 
}
.form2 { }
.form2 .head-title { 
	font-size: 18px; 
	color: #2ea8db; 
	font-weight: bold; 
}
.form2 dl { 
	zoom: 1; 
	margin-bottom: 20px;
	overflow: hidden; s 
}
.form2 dt {
	display: block;
	height: 20px; 
	padding-left: 15px;  
	border-left-width: 10px; 
	border-left-style: solid; 
	border-left-color: #2ea8db; 
	line-height: 20px; 
	font-size: 14px; 
	color: #666; s
	font-weight: bold; 
}
.form2 dd { 
	display: block; 
	float: left;
	width: 100%;   
	margin-top: 5px; 
	margin-right: 0px; 
	margin-bottom: 5px; 
	margin-left: 25px; 
	background-color: #f1f1f1;
	
}
.form2 dd d1 { 
	display: block; 
	float: left; 
	height: 40px; 
	width: 80px; 
	margin-top: 8px;
	margin-right: 2px; 
	margin-bottom: 8px; 
	margin-left: 2px; 
}
.form2 dd d2 { 
	display: block; 
	float: left; 
	height: 20px; 
	width: 80px; 
	text-align: center; 
}
.form2 dd d3 { 
	display: block; 
	float: left; 
	height: 20px; 
	width: 80px; 
	text-align: center; 
	color: #2ea8db; 
}
.form2 dd d3 a { 
	color: #2ea8db; 
	text-decoration: none; 
}
.form2 dd select, .form2 dd input { vertical-align: middle; }
.form2 dd select { padding: 2px; }
.inp_default { width: 250px; }
.inp_w550 { width: 550px; }
.inp_large { width: 400px; }
.inp_w250 { width: 250px; }
.inp_small { width: 110px; }
.litpic_show, .file_show { margin: 5px 5px 5px 0px; }
.litpic_btn, .file_btn, .btn_up {
	position: relative;  
	width: 120px; 
	height: 28px;
	background-color: #5cb85c; 
	border: 1px solid #fff; 
	line-height: 28px;
	font-size: 14px;  
	color: #fff; 
	text-align: center; 
	vertical-align: middle; 
	cursor: pointer; 
	overflow: hidden; 
}
.litpic_btn input, .file_btn input, .btn_up input { 
	position: absolute; 
	top: 0; 
	right: 0; 
	margin: 0; 
	border: solid transparent; 
	opacity: 0; 
	filter: alpha(opacity=0); 
	cursor: pointer; 
}
.litpic_btn:hover { background-color: #4cae4c; }
.litpic_tip, .picture_tip, .file_tip { 
	background-color: #b1ebb1; 
	margin: 10px 0; 
	padding: 0px 5px; 
	font-size: 12px;
	line-height: 22px; 
	 
}
.picture_item {
	float: left; 
	position: relative;
	width: 120px; 
	height: 120px; 
	border: 1px solid #cccccc; 
	padding: 5px; 
	margin-right: 5px;
	overflow: hidden;  
}
.picture_item_checked { border: 2px solid #0D9AE4; }
.picture_item img { 
	position: relative; 
	z-index: 1; 
}
.picture_item .picture_del { 
	width: 43px; 
	height: 20px; 
	text-align: center; 
	font-size: 12px; 
	color: #ffff66; 
	cursor: pointer; 
	background-color: #ff6600; 
	position: absolute; 
	z-index: 2; 
	right: 5px; 
	bottom: 5px; 
	display: none; 
}
.picture_item .picture_go_up {
	display: none;
	position: absolute; 
	z-index: 2; 
	left: 5px; 
	top: 50%;   
	width: 40px; 
	height: 20px; 
	background-color: #fff; 
	font-size: 12px; 
	cursor: pointer; 
}
.bth_green {
	padding: 2px; 
	border: 2px #6EDF40 solid; 
	color: #6EDF40;  
}
.bth_red { 
	display: inline-block;  
	padding-top: 4px; 
	padding-right: 10px; 
	padding-bottom: 4px; 
	padding-left: 10px; 
	background-color: #DB632E;
	border: #fff 1px solid;
	color: #FFF; 
	font-size: 12px; 
	text-decoration: none;  
	cursor: pointer; 
}
.bth_greened {
	display: inline-block;  
	padding-top: 4px; 
	padding-right: 10px; 
	padding-bottom: 4px; 
	padding-left: 10px; 
	background-color: #2EDB6B;
	border: #fff 1px solid; 
	font-size: 12px; 
	text-decoration: none;  
	color: #FFF; 
	cursor: pointer; 
}
.main_top a { 
	width: 80px;
	margin: 0 4px 0 4px;
	padding: 4px 16px 4px 16px;   
	text-align: center; 
	text-decoration: none; 
	color: #FFF; 
}
.main_top a:hover { background: #E0188A; }
.main_top .bg_red { background: #E0188A; }
.main_top .bg_blue { background: #A516E0; }
.layer-content { 
	width: 400px; 
	height: 120px; 
	padding: 10px; 
	border: 1px solid #ccc; 
	background-color: #eee; 
}
.layer-content p { margin: 10px 0px; }
.error { font-size: 12px; color: red; }
.calendar { 
	position: relative; 
	width: 100%;
	margin: 0 15px;  
}
.calendar-left { 
	float: left; 
	width: 600px; 
}
.calendar-left tr { cursor: pointer; }
.calendar-right { 
	float: left; 
	margin-left: 50px;
}
.calendar-right .content { 
	width: 300px; 
	border: 1px #DCDBDC solid; 
}
.calendar-right .content .menu { 
	width: 100%; 
	height: 50px; 
	color: #FFF; 
	line-height: 50px; 
	background-color: steelblue; 
	text-align: center; 
}
.calendar-right .content .list { 
	width: 100%; 
	height: 100%;
}
.calendar-right .content .list ul li {
	float: left;  
	width: 100%; 
	height: 30px; 
	margin-top: 10px; 
	
}
.calendar-right .content .list .button { 
	width: 100%; 
	height: 50px; 
	margin-left: 100px; 
}
.calendar-right .content .list .button .inp_b { margin-left: 10px; }
.calendar-right .content .list ul { 
	width: 100%; 
	height: 100%; 
	padding: 0px; 
}
.calendar-right .content .list ul li span { 
	margin-left: 20px; 
	float: left; 
}
.calendar-right .content .list ul li .inp_t { 
	float: right; 
	margin-right: 30px;
}
.calendar-right .content .list ul li input { 
	width: 160px; 
	height: 25px; 
}
.calendar-right .content .list ul li select { 
	width: 164px; 
	height: 30px; 
}
.calendar-right .content .list ul li textarea { 
	width: 158px; 
	float: right; 
	margin-right: 30px; 
	height: 80px; 
}
li, input { list-style-type: none; }
.red { color: red; }
.clear { clear: both; }
.back { background-color: rgb(244, 244, 244); }
.calendar-stock {
	margin: 5px;
	color: #FB0000; 
	font-size: 14px; 
	font-weight: bold; 
	text-align: right; 
	
}
.calendar-stock-lock {
	margin: 2px 0px;
	color: #999999; 
	font-size: 12px;  
	text-align: right; 
}
